<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>员工管理列表</title>
		<link rel="stylesheet" th:href="@{/utilLib/bootstrap.min.css}" />
		<link rel="stylesheet" th:href="@{/css/employeeManage.css}" />
	</head>
	<body>
		<div class="container">
		    <div class="row clearfix">
		        <div class="col-md-12 column">
		            <div class="page header">
		                <h1>
		                    <small><h2>员工列表</h2></small>
		                </h1>
		            </div>
		        </div>
		
		        <div class="row">
		            <div class="col-md-4 column">
		                <a class="btn btn-primary" th:href="@{/dep/getAllDepartment}">新员工入职</a>
		            </div>
		            <div class="col-md-8 column">
		                <form class="form-inline">
							<label for="ss"></label><input type="text" id="ss">
		                    <a class="btn btn-primary" href="#">员工查找</a>
		                </form>
		            </div>
		        </div>
		
		    </div>
		
		    <div class="row clearfix" align-self-center>
		        <div class="col-md-12 column">
		            <table class="table table-hover table-striped">
		                <thead>
		                <tr>
							<th>员工工号</th>
		                    <th>证件照</th>
		                    <th>员工姓名</th>
		                    <th>员工性别</th>
		                    <th>员工薪水</th>
		                    <th>员工生日</th>
		                    <th>联系方式</th>
		                    <th>现居地址</th>
		                    <th>职位</th>
		                    <th>部门</th>
		                    <th>操作</th>
		                </tr>
		                </thead>
		
		                <tbody>
		                    <tr th:each="employee:${employees}">
		                        <td th:text="${employee.getEmpNum()}"></td>
		                        <td th:text="${employee.getEmpPhoto()}"></td>
		                        <td th:text="${employee.getEmpName()}"></td>
		                        <td th:text="${employee.getEmpSex()}?男:女"></td>
		                        <td th:text="${employee.getEmpNum()}"></td>
		                        <td th:text="${employee.getEmpSalary()}"></td>
								<td th:text="${#dates.format(employee.getEmpBirthday(),'yyyy-MM-dd')}"></td>
								<td th:text="${employee.getEmpPhone()}"></td>
		                        <td th:text="${employee.getEmpAddress()}"></td>
		                        <td th:text="${employee.getEmpJob()}"></td>
		                        <td th:text="${employee.getEmpDep()}"></td>
		                        <td>
		                            <a th:href="@{/emp/empDelete?empNum=} + ${employee.getEmpNum()}">离职</a> |
		                            <a th:href="@{/emp/empUpdate?empNum=} + ${employee.getEmpNum()}">更新</a>
		                        </td>
		                    </tr>
		                </tbody>
		            </table>
		        </div>
		    </div>
		</div>
	</body>
</html>
